<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>promise 封装</title>
    <!-- <script src="./Promise.js"></script> -->
    <script src="./primise_class.js"></script>
</head>
<body>
    <script>
        let p = new Promise((resolve,reject)=>{
            setTimeout(()=>{
                resolve('ok'); 
                // reject('err');
            },1000);  
            // throw('error');
        })

        // const res = p.then(value=>{
        //     console.log(value);
        //     // return 'hello';
        //     return new Promise((resolve,reject)=>{
        //         // resolve('hello');
        //         reject('err');
        //     })
        //     // throw "fail";
        // },reason=>{
        //     console.warn(reason);
        //     // return 'hello';
        //     return new Promise((resolve,reject)=>{
        //         resolve('hello');
        //         // reject('err');
        //     })
        //     // throw "fail";
        // })

        // console.log(res);

        // p.then(value=>{
        //     alert(value);
        // },reason=>{
        //     alert(reason);
        // })
        
        // p.catch(reason =>{
        //     console.log(reason);
        // })
        
        p.then()
        .then(value =>{
            console.log('111');
            throw('err');
        }).then(value =>{
            console.log('222');
        }).then(value =>{
            console.log('333');
        }).catch(reason =>{
            console.warn(reason);
        })
    </script>
</body>
</html>